<ui:composition template="#{facesContext.externalContext.requestContextPath}/../templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="comandos">
			<p:commandButton value="Fechar" action="#{gerenciarContaFaces.fecharContaAction}" id="btFechar" styleClass="botaoPequeno" ajax="false" 
				disabled="#{gerenciarContaFaces.clienteSelecionado == null or gerenciarContaFaces.mesaSelecionada == null}" />
			<p:commandButton value="Voltar" rendered="#{gerenciarContaFaces.exibeVoltar}" action="#{gerenciarContaFaces.voltarAction}" styleClass="botaoPequeno" ajax="false" />
			<p:commandButton value="Cancelar" action="#{gerenciarContaFaces.cancelarAction}" styleClass="botaoPequeno" ajax="false" />
	</ui:define> 
	  
	<ui:define name="titulopagina">
		<h:outputLabel value="#{gerenciarContaFaces.titulo}" />
	</ui:define>
	
	<ui:define name="conteudo">				
		<p:fieldset id="setMesa" legend="Selecione uma Mesa">
			<h:outputLabel value="Mesa Selecionada: Mesa numero " rendered="#{gerenciarContaFaces.mesaSelecionada != null}"/>
			<b><h:outputLabel value="#{gerenciarContaFaces.mesaSelecionada.numero}" rendered="#{gerenciarContaFaces.mesaSelecionada != null}" /></b>
			<h:outputLabel value=", com capacidade para " rendered="#{gerenciarContaFaces.mesaSelecionada != null}"/>
			<b><h:outputLabel value="#{gerenciarContaFaces.mesaSelecionada.capacidade}" rendered="#{gerenciarContaFaces.mesaSelecionada != null}" /></b>
			<h:outputLabel value=" pessoas." rendered="#{gerenciarContaFaces.mesaSelecionada != null}" />
			<p:dataTable value="#{gerenciarContaFaces.listaMesasOcupadasComConta}" var="item" width="100%" border="1"
				rendered="#{gerenciarContaFaces.mesaSelecionada == null}" >				
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Numero" />
						</f:facet>
					<h:outputLabel value="#{item.numero}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Capacidade" />
						</f:facet>
					<h:outputLabel value="#{item.capacidade}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Cliente" />
						</f:facet>
					<h:outputLabel value="#{item.cliente.nome}" />
				</p:column>				
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Acao" />
					</f:facet>
					<p:commandButton value="Selecionar" action="#{gerenciarContaFaces.selecionarMesaAction}" ajax="false"
						styleClass="botaoPequeno" update=":form:setMesa, :form:setInfConta"  >
						<f:setPropertyActionListener target="#{gerenciarContaFaces.mesaSelecionada}" value="#{item.mesa}" />
					</p:commandButton>					
				</p:column>
			</p:dataTable>
		</p:fieldset>
		<br />
		<p:fieldset id="setInfConta" legend="Informacao da Conta" rendered="#{gerenciarContaFaces.mesaSelecionada != null}" >
			
			<h:outputLabel value="Cliente: " /><h:outputLabel value="#{gerenciarContaFaces.clienteSelecionado.nome}" />
			<br />
			<h:outputLabel value="Abertura: " /><h:outputLabel value="#{gerenciarContaFaces.horaAbertura.time}" >
				<f:convertDateTime pattern="HH:MM dd/MM/yyyy"/>  
			</h:outputLabel>
			<br />
			<h:outputLabel value="Mesa: Numero " /><h:outputLabel value="#{gerenciarContaFaces.mesaSelecionada.numero}" />
			<br />
			<h:outputLabel value="Responsavel pelo atendimento: " /><h:outputLabel value="#{gerenciarContaFaces.responsavel}" />
			<br />
			<h:outputLabel value="Total da Conta: " /><h:outputLabel value="#{gerenciarContaFaces.totalConta}" />
			<br />
			<b><h:outputLabel value="Atencao, voce possui pedidos em aberto, ao fechar a Conta esses Pedidos serao cancelados. " 
					rendered="#{gerenciarContaFaces.exibeMsgPedidosAbertos}" /></b>
			<br />
			<h:outputLabel value="Voce ainda nao possui Pedidos!" rendered="#{empty gerenciarContaFaces.listaPedidoMesa}" />
			<h:outputLabel value="Pedidos: " rendered="#{not empty gerenciarContaFaces.listaPedidoMesa}"/>
			<p:dataTable value="#{gerenciarContaFaces.listaPedidoMesa}" var="item" width="100%" border="1"
				rendered="#{not empty gerenciarContaFaces.listaPedidoMesa}" >
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Nome" />
						</f:facet>
					<h:outputLabel value="#{item.oferecimento.nome}" />
				</p:column><p:column>
					<f:facet name="header">
						<h:outputLabel value="Status" />
						</f:facet>
					<h:outputLabel value="#{item.dataEntrega != null ? 'Entregue' : ( item.dataConclusao != null ? 'Concluido' : 'Solicitado')}" />
				</p:column> 
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Valor Unitario" />
						</f:facet>
					<h:outputLabel value="#{item.oferecimento.valor}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Quantidade" />
						</f:facet>
					<h:outputLabel value="#{item.quantidade}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputLabel value="Valor Total" />
						</f:facet>
					<h:outputLabel value="#{item.valorTotal}" />
				</p:column>
			</p:dataTable>
			<br />				
		</p:fieldset>
		<br />	
		<div style="clear:both;"></div>
	</ui:define>

</ui:composition>